<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Panda Nav</title>
    <link rel="stylesheet" href="./sources/css/Index.css">
    <link rel="shortcut icon" href="sources/images/favicon.png" />
    <script>
        //LISTEN ENTER KEYDOWN EVENT
        document.onkeydown = function (e) {
            if (!e) {
                e = window.event;
            }
            if ((e.keyCode || e.which) == 13) {
                do_search();
            }
        }

        //DO SEARCH EVENT
        function do_baidu_search() {
            var search_txt = document.getElementById("search-bar-input").value;
            if (search_txt == "") {
                alert("search text is empty ! ");
                return false;
            }
            var search_url = "https://www.baidu.com/s?wd=" + search_txt;
            window.open(search_url);
        }
        function do_google_search() {
            var search_txt = document.getElementById("search-bar-input").value;
            if (search_txt == "") {
                alert("search text is empty ! ");
                return false;
            }
            var search_url = "https://www.google.com/search?newwindow=1&hl=zh-CN&q=" + search_txt;
            window.open(search_url);
        }
        function on_enter_key() {
            if (event.keyCode == 13) {
                do_google_search()
            }
        }
    </script>
</head>

<body>

    <!---------------------------------------------------------------------------------------------------->

    <div id="logo">
        <img src="./sources/images/Logo.png" alt="tojohnonly">
    </div>

    <!---------------------------------------------------------------------------------------------------->
    <div id="search-bar">
        <input id="search-bar-input" onkeydown="on_enter_key()" type="text" placeholder="what you want?"
            autocomplete="off" autofocus="autofocus">
        <button style="margin-left: 185px;" onclick="do_google_search()">谷歌一下</button><a class="close"></a>
        <button onclick="do_baidu_search()">百度几下</button><a class="close"></a>
    </div>

    <!---------------------------------------------------------------------------------------------------->
    <main class="content-main">
        <div id="nav-panel">
            <div class="title-div">
                <a class="title" style="text-decoration: none">
                    工作
                </a>
            </div>
            <div class="panel-div">
                <a class="nav-panel-item" title="Github" href="https://www.github.com/" target="_blank">
                    <img src="./sources/images/web_icons/Github.png" alt="Github" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">Github</div>
                </a>
                <a class="nav-panel-item" title="GitLab" href="http://192.168.128.251:18889"
                    target="_blank">
                    <img src="./sources/images/web_icons/gitlab.png" alt="GitLab" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">GitLab</div>
                </a>
                <a class="nav-panel-item" title="JIRA" href="http://192.168.128.252:8080/secure/admin/user/UserBrowser.jspa" target="_blank">
                    <img src="./sources/images/web_icons/jira.jpeg" alt="Blog" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">JIRA</div>
                </a>
                 <a class="nav-panel-item" title="Confluence" href="http://192.168.128.252:8090/" target="_blank">
                    <img src="./sources/images/web_icons/jcenter_logo.jpg" alt="Blog" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">Confluence</div>
                </a>
                <a class="nav-panel-item" title="admin" href="http://119.3.194.28:39071/cls-mainbiz/cls-mainbiz-api/doc.html#/home" target="_blank">
                    <img src="./sources/images/web_icons/aaa_icon.png" alt="admin" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">接口服务</div>
                </a>
                 <a class="nav-panel-item" title="admin" href="http://www.ga-aaa.com/seeyon/main.do?method=main" target="_blank">
                    <img src="./sources/images/web_icons/aaa_icon.png" alt="admin" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">工作协同</div>
                </a>
                <a class="nav-panel-item" title="admin" href="http://sdsms.cc-aaa.com/sdsms-web/#/dashboard" target="_blank">
                    <img src="./sources/images/web_icons/aaa_icon.png" alt="admin" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">智慧屏</div>
                </a>
                <a class="nav-panel-item" title="admin" href="http://192.168.128.251/clsms-web/#/dashboard" target="_blank">
                    <img src="./sources/images/web_icons/aaa_icon.png" alt="admin" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">同城服务</div>
                </a>
            </div>
        </div>

        <!-- type2 -->
        <div id="nav-panel">
            <div class="title-div">
                <a class="title" style="text-decoration: none">
                    社区
                </a>
            </div>
            <div class="panel-div">
                <a class="nav-panel-item" title="GoldJueJin" href="https://juejin.im/" target="_blank">
                    <img src="./sources/images/web_icons/juejin.ico" alt="掘金" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">稀土-掘金</div>
                </a>

                <a class="nav-panel-item" title="简书" href="https://www.jianshu.com/" target="_blank">
                    <img src="./sources/images/web_icons/jianshu.ico" alt="简书" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">简书</div>
                </a>

                <a class="nav-panel-item" title="V2EX" href="https://www.v2ex.com/" target="_blank">
                    <img src="./sources/images/web_icons/V2EX.png" alt="V2EX" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">V2EX</div>
                </a>

                <a class="nav-panel-item" title="CSDN" href="https://www.csdn.net/" target="_blank">
                    <img src="./sources/images/web_icons/CBlog.png" alt="CSDN" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">CSDN</div>
                </a>

                <a class="nav-panel-item" title="InfoQ" href="http://www.infoq.com/cn/" target="_blank">
                    <img src="./sources/images/web_icons/InfoQ.png" alt="InfoQ" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">InfoQ</div>
                </a>

                <a class="nav-panel-item" title="玩Android" href="https://www.wanandroid.com/navi" target="_blank">
                    <img src="./sources/images/web_icons/wan_android.png" alt="InfoQ" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">玩Android</div>
                </a>
                <a class="nav-panel-item" title="开源库" href="https://hellogithub.com/" target="_blank">
                    <img src="./sources/images/web_icons/Github.png" alt="Github" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">Github 开源库</div>
                </a>
            </div>
        </div>

        <!-- type3 -->

        <div id="nav-panel">
            <div class="title-div">
                <a class="title" style="text-decoration: none">
                    工具
                </a>
            </div>

            <div class="panel-div">
                <a class="nav-panel-item" title="huaweicloud" href="https://mirrors.huaweicloud.com/" target="_blank">
                    <img src="./sources/images/web_icons/jcenter_logo.jpg" alt="JFrog" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">华为开源镜像</div>
                </a>
                <a class="nav-panel-item" title="admin" href="https://javiercbk.github.io/json_to_dart/" target="_blank">
                    <img src="./sources/images/web_icons/dart.png" alt="admin" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">Json2Dart</div>
                </a>
                <a class="nav-panel-item" title="小书匠" href="http://markdown.xiaoshujiang.com/" target="_blank">
                    <img src="./sources/images/web_icons/mackdown.png" alt="小书匠" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">小书匠编辑器</div>
                </a>
                <a class="nav-panel-item" title="interpolator" href="http://inloop.github.io/interpolator/"
                    target="_blank">
                    <img src="./sources/images/web_icons/Google.png" alt="interpolator" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">interpolator 模拟</div>
                </a>

                <a class="nav-panel-item" title="interpolator" href="http://yisibl.github.io/cubic-bezier/#.31,.61,.66,1.38"
                    target="_blank">
                    <img src="./sources/images/web_icons/Google.png" alt="interpolator" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">贝塞尔曲线 模拟</div>
                </a>
           

                <a class="nav-panel-item" title="Json在线格式化" href="https://www.json.cn/" target="_blank">
                    <img src="./sources/images/web_icons/jsonformat.ico" alt="Json在线格式化" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">Json在线格式化</div>
                </a>

                <a class="nav-panel-item" title="百度脑图" href="http://naotu.baidu.com/" target="_blank">
                    <img src="./sources/images/web_icons/baidunaotu.ico" alt="脑图" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">百度脑图</div>
                </a>

                <a class="nav-panel-item" title="OpenApis" href="https://www.wanandroid.com/openapis" target="_blank">
                    <img src="./sources/images/web_icons/interface.png" alt="OpenApis" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">OpenApis</div>
                </a>

                <a class="nav-panel-item" title="Png 压缩" href="https://tinypng.com/" target="_blank">
                    <img src="./sources/images/web_icons/tinypng.png" alt="Png 压缩" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">Png 压缩</div>
                </a>


                <a class="nav-panel-item" title="图标库" href="https://www.iconfont.cn/" target="_blank">
                    <img src="./sources/images/web_icons/Drive.png" alt="图标库" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">图标库</div>
                </a>

                <a class="nav-panel-item" title="百度加固" href="https://apkprotect.baidu.com/console#/" target="_blank">
                    <img src="./sources/images/web_icons/baidu_protect.png" alt="百度加固" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">百度加固</div>
                </a>

                <a class="nav-panel-item" title="Codacy" href="https://app.codacy.com" target="_blank">
                    <img src="./sources/images/web_icons/codacy.ico" alt="codacy" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">Codacy</div>
                </a>

            </div>
        </div>
        
        <!-- type4 -->
        <div id="nav-panel">
            <div class="title-div">
                <a class="title" style="text-decoration: none">
                    学习
                </a>
            </div>
            <div class="panel-div">
                <a class="nav-panel-item" title="RxJava 文档" href="http://reactivex.io/RxJava/javadoc/" target="_blank">
                    <img src="./sources/images/web_icons/Bandcamp.png" alt="RxJava 文档" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">RxJava 文档</div>
                </a>

                <a class="nav-panel-item" title="Leetcode" href="https://leetcode.com/problemset/all/" target="_blank">
                    <img src="./sources/images/web_icons/leetcode.ico" alt="Leetcode" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">Leetcode</div>
                </a>

                <a class="nav-panel-item" title="flex-grammar" href="https://www.runoob.com/w3cnote/flex-grammar.html"
                    target="_blank">
                    <img src="./sources/images/web_icons/Drive.png" alt="flex-grammar" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">flex-grammar</div>
                </a>

                <a class="nav-panel-item" title="Vux" href="https://doc.vux.li/zh-CN/" target="_blank">
                    <img src="./sources/images/web_icons/vux.jpg" alt="Vux" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">Vux</div>
                </a>

                <a class="nav-panel-item" title="小程序"
                    href="https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/getting-started.html"
                    target="_blank">
                    <img src="./sources/images/web_icons/wechat.jpg" alt="小程序" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">小程序</div>
                </a>

                <a class="nav-panel-item" title="谷歌开发者" href="https://developers.google.com/china/?hl=zh-cn"
                    target="_blank">
                    <img src="./sources/images/web_icons/google_developers.png" alt="谷歌开发者" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">谷歌开发者CN</div>
                </a>

                <a class="nav-panel-item" title="Android" href="https://developer.android.com/?hl=zh-cn"
                    target="_blank">
                    <img src="./sources/images/web_icons/google_developers.png" alt="Android" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">Android</div>
                </a>

              	<a class="nav-panel-item" title="Android 源码" href="https://android.googlesource.com/platform/frameworks/base.git"
                    target="_blank">
                    <img src="./sources/images/web_icons/google_developers.png" alt="Android" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">Android 源码</div>
                </a>
                

                <a class="nav-panel-item" title="Flutter-CN" href="http://www.flutter-io.cn/#" target="_blank">
                    <img src="./sources/images/web_icons/flutter_cn.ico" alt="Flutter-CN" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">Flutter-CN</div>
                </a>

                <a class="nav-panel-item" title="Flutter-DOCS" href="https://flutter.dev/docs" target="_blank">
                    <img src="./sources/images/web_icons/flutter_docs.jpg" alt="Flutter-DOCS" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">Flutter-DOCS</div>
                </a>

                <a class="nav-panel-item" title="相机开发系列"
                    href="https://www.polarxiong.com/archives/Android%E7%9B%B8%E6%9C%BA%E5%BC%80%E5%8F%91%E7%B3%BB%E5%88%97.html"
                    target="_blank">
                    <img src="./sources/images/web_icons/camera.png" alt="相机开发系列" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">相机开发系列</div>
                </a>

                <a class="nav-panel-item" title="OPENGL_ES"
                    href="https://doc.yonyoucloud.com/doc/wiki/project/opengl-es-guide/index.html" target="_blank">
                    <img src="./sources/images/web_icons/opengl.ico" alt="OPENGL_ES" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">OPENGL_ES</div>
                </a>

                <a class="nav-panel-item" title="FFMPEG"href="http://ffmpeg.me/" target="_blank">
                    <img src="./sources/images/web_icons/ffmpeg.jpg" alt="FFMPEG" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">FFMPEG</div>
                </a>
               <a class="nav-panel-item" title="美团技术"href="https://tech.meituan.com/" target="_blank">
                    <img src="./sources/images/web_icons/meituan.png" alt="FFMPEG" height="16" width="16"
                        class="nav-panel-item-img">
                    <div class="nav-panel-item-txt">美团技术</div>
                </a>

            </div>
        </div>

                <!-- type4 -->
                <div id="nav-panel">
                    <div class="title-div">
                        <a class="title" style="text-decoration: none">
                            生活
                        </a>
                    </div>
                    <div class="panel-div">
                        <a class="nav-panel-item" title="成都房协" href="http://zw.cdzj.chengdu.gov.cn/lottery/accept/index" target="_blank">
                            <img src="./sources/images/web_icons/Bandcamp.png" alt="RxJava 文档" height="16" width="16"
                                class="nav-panel-item-img">
                            <div class="nav-panel-item-txt">成都房协</div>
                        </a>
                    </div>
                </div>
    </main>

</body>

</html>